<template>
  <div class="p_container">
    <div class="l_side">
      <h1>实验步骤1：文件操作</h1>
      <p>该步骤实现三维场景生成、工作路径设置、模型的生成、导入以及添加数据功能。该部分是整个系统重点之一，该模块实现了地表模型、地层模型、地裂缝模型的生成算法，并进行模型之间的无缝拼接技术。如图1-3所示。</p>
      <p style="text-align: center;">
        <img src="../../images/tu1.png" alt />
      </p>
      <p style="text-align: center;">
        <strong>图1&nbsp; 系统主界面示意图</strong>
      </p>
      <p style="text-align: center;">
        <img src="../../images/tu2.png" alt />
      </p>
      <p style="text-align: center;">
        <strong>图2&nbsp; 设置工作目录（数据库连接）示意图</strong>
      </p>
      <p style="text-align: center;">
        <img src="../../images/tu3.png" alt />
      </p>
      <p style="text-align: center;">
        <strong>图3&nbsp; 模型的生成与导入示意图</strong>
      </p>
    </div>
    <div class="r_side"></div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  }
};
</script>
<style lang="less" scoped>
.p_container {
  .l_side {
    width: 800px;
    h1 {
      font-size: 16px;
      color: #333333;
      margin: 15px 0 20px;
      text-align: center;
    }
    p {
      line-height: 30px;
      color: #666;
      font-size: 12px;
      margin-bottom: 10px;
      text-indent: 2em;
    }
  }
}
</style>


